<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/templates/templateLayout.xhtml">
      
      <ui:define name="conteudo">    	
	  <link rel="stylesheet" type="text/css" href="./estilos.css"/>
 
  	
<h:form id="formConsultarUsuarioAdmin">
	<p:panel id="panelConsultarUsuarioAdmin" header="Consultar Usuário" style=" font-size:20px; margin-bottom:20px; ">  
 	<p:growl id="growl" showDetail="true"/> 
    	<h:panelGrid columns="4" style="text-align:center; margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" style="font-size:14px; float:left; padding-right:20px "/>  
            <p:inputText value="#{projetoBean.usuario.idUsuario}" style="width:100px; heigth:15px; font-size:14px; padding-right:20px"/>                 
  			<p:inputText value="#{projetoBean.usuario.nome}" style="width:200px; heigth:15px; font-size:14px;"/>
  			<h:outputLabel value="Usuário" style="font-size:14px; float:left"/>   
        </h:panelGrid>  
    </p:panel> 
    <p:commandButton value="Consultar" action="#{projetoBean.findUsuario}" update="dataTableUsuarioAdmin" style="margin-right:20px; margin-left:10px;" /> 

    		
    <p:dataTable id="dataTableUsuarioAdmin" var="usuario" value="#{projetoBean.findUsuario()}"  
    			 rowKey="#{usuario.idUsuario}"  selectionMode="single" style="margin-top:15px; width:60%">  
        <f:facet name="header">Lista de Usuários</f:facet>    
		<p:column style="width:10%; text-align:center">  
            <f:facet name="header">  
                <h:outputText value="Código" />  
            </f:facet>  
            <h:outputText value="#{usuario.idUsuario}" />  
        </p:column>  
  
        <p:column style="width:41%;">  
            <f:facet name="header">  
                <h:outputText value="Nome" />  
            </f:facet>  
            <h:outputText value="#{usuario.nome}" />  
        </p:column>  
        
        <p:column style="width:41%;">  
            <f:facet name="header">  
                <h:outputText value="Email" />  
            </f:facet>  
            <h:outputText value="#{usuario.email}" />  
        </p:column>  
        
        <p:column style="width:4%">  
        	<f:facet name="header">
        	 <h:outputText value="Editar" />
        	</f:facet>
         	<p:commandButton action="#{projetoBean.editarUsuario}" process="@this" icon="ui-icon-pencil" title="Detail"/>
        </p:column>
                <p:column style="width:4%">  
        	<f:facet name="header">
        	 <h:outputText value="Excluir" />
        	</f:facet>
         	<p:commandButton  action="#{projetoBean.excluirUsuario}" process="@this " icon="ui-icon-circle-close" title="Detail"/>
        </p:column>
    </p:dataTable> 

 </h:form>	
</ui:define>
</ui:composition>
